<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=UTF-8" %>
<%@include file="/inc/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>消费记录</title>
<link type="text/css" rel="stylesheet" href='${staticRSC["css/haoyao.css"]}' />
<link type="text/css" rel="stylesheet" href='${staticRSC["css/ucenter/ucenter_new.css"]}' />
<script type="text/javascript" src='${staticRSC["js/haoyao2.js"]}'></script>
</head>

<body>
<div class="recharge-record">
	<ul class="hd cf">
		<li><a href="/property/recharge.html">充值</a></li>
        <li><a href="/property/rechargeRecord.html">充值记录</a></li>
        <li class="cur"><a href="javascript:void(0)">消费记录</a></li>
	</ul>
	<div class="bd">
		<p class="balance">现金账户余额：<span class="num">${userBalance }</span></p>
		<table class="table-titles" width="100%">
            <colgroup>
                <col width="154px" />
                <col width="200px" />
                <col width="180px" />
                <col width="154px" />
            </colgroup>
            <tr>
                <td class="no-border">时间</td>
                <td>金钱</td>
                <td>消费内容</td>
                <td>备注</td>
            </tr>
        </table>
		<table class="table-bodys" width="100%" id="table_bodys">
            <colgroup>
                <col width="155px" />
                <col width="202px" />
                <col width="182px" />
                <col width="154px" />
            </colgroup>
            <c:choose>
            	<c:when test="${null == userBalanceConsumeList || userBalanceConsumeList.isEmpty()}">
            		<td colspan="4" align="center">暂无消费记录</td>
            	</c:when>
            	<c:otherwise>
            		<c:forEach items="${userBalanceConsumeList}" var="record">
            			<tr>
            				<td class="no-border">${ucenter:dateFormat(record.consumeTime,"yyyy-MM-dd HH:mm:ss") }</td>
            				<td>${record.consumeMoney}</td>
            				<td>${record.consumeContent}</td>
            				<td><a href="${MASTER_WEBSITE}/user/order.html" target="_blank">查看订单</a></td>
            			</tr>
            		</c:forEach>
            	</c:otherwise>
            </c:choose>
        </table>
        <div class="ft cf">
        	<script>
        		var pageObject = {
					url:"${UCENTER_WEBSITE}/property/balanceConsume.html",
				};
        	</script>
        	<%@include file="/inc/pagination.jsp"%>
        </div>
	</div>
    
</div>
</body>
<script type="text/javascript" src='${staticRSC["js/propertyside.js"]}'></script>
</html>
